body {
	margin: 0;
	padding: 0;
}

#accueil {
	position: relative;
	overflow: hidden;		
	width: 100%; height: 50vw;
	background-image: linear-gradient(45deg, #c5c9c9 50%, #9B7BB2 90%);
}

#webdesigner {
	position: relative;
	overflow: hidden;
	width: 100%;
	background-image: linear-gradient(90deg, #f4f4fb 50%, #f7f6e3 90%);	
}	

#historique {
	position: relative;	
	width: 100%;
	overflow: hidden;	
	background-image: linear-gradient(90deg, #f7f6e3 50%, #f4f4fb 90%);	
}	

#portfolio {
	position: relative;
	overflow: hidden;
	width: 100%; height: auto;
	background-image: linear-gradient(45deg, #f4f4fb 50%, #f7f6e3 90%);	
}

#contact {
	position: relative;
	overflow: hidden;
	width: 100%; height: 30vw;
	background-color: #a4508b;
	background-image: linear-gradient(326deg, #5f0a87 0%, #a4508b 74%);
}

#ariane {
	position: fixed;
	width: 16%; height: 100%;
	top: 0; left: -13.5%;
	transition: left 0.4s ease-in-out 0s;	
}

@font-face {
    font-family: "cardeniomodernstd";
    src: url("../polices/cardeniomodernstd.woff");
}

@font-face {
    font-family: "steelfishrg";
    src: url("../polices/steelfishrg.woff");
}

@font-face {
    font-family: "montserratlight";
    src: url("../polices/montserratlight.woff");
}

@font-face {
    font-family: "comfortaaregular";
    src: url("../polices/comfortaaregular.woff");
}

#navigation {
	display: flex;	flex-direction: column; justify-content: space-between;
	height: 70%; width: 100%;
	position: relative; top:20%; left: -0%;
}

#boxaccueil, #boxwebdesigner, #boxportfolio, #boxhistorique, #boxcontact {
	height: 14%; width:100%;
	display: flex; justify-content: center;  align-items: center;
	background-color: #F28B2D;
	border-radius: 0 4vw 4vw 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.19);
	opacity: 0.17;
	transition: opacity 0.2s;
}

#navigation span{
	font-family: cardeniomodernstd;
	font-size: 2.4vw;
	text-decoration: none;
	color: #FFFFFF;
}

#footer p {
    font-family: "comfortaaregular";
	font-size: 0.8vw;
	text-decoration: none;
	color: #555555;	
	text-align: center;
}